<template>
  <div class="li_dynamic" style="margin-top:10px;">
    <ul style="margin:0;padding:0">
      <li class="flex align-center" @click="$router.push('./newxq')">
        <img src="../../../assets/img/tp1.png" alt />
        <div>
          <span>市委常委会召开2020年第35次会议</span>
          <p>12月31日，市委书记李卫平主持召开市委常委会2020年第35次会议。会议传达学习了栗战书委员长在山西调研时讲话精神和第二十六次全国地方立法工作座谈会精神。</p>
          <b>[MORE]</b>
        </div>
      </li>
      <div style="margin-top:10px"></div>
      <li class="flex align-center" style="margin-top:10px">
        <img src="../../../assets/img/图片2.png" alt />
        <div>
          <span>古交市举行项目投资合作洽谈会</span>
          <p>12月23日上午，古交市与中国电建集团北方投资公司举行项目投资合作洽谈会。市委副书记、市长刘锦春，中国电建集团北方投资公司董事长戎建国出席洽谈会。</p>
          <b>[MORE]</b>
        </div>
      </li>
      <div style="margin-top:10px"></div>
      <li class="flex align-center" style="margin-top:10px">
        <img src="../../../assets/img/图片3.png" alt />
        <div>
          <span>市政府召开清洁供暖及燃气安全工作会议</span>
          <p>12月5日，市政府召开清洁供暖及燃气安全工作会议，专题听取相关工作进展情况汇报，并对燃气安全，清洁兰炭供应，消防等专项整治工作进行再安排再部署。</p>
          <b>[MORE]</b>
        </div>
      </li>
      <div style="margin-top:10px"></div>
      <li class="flex align-center" style="margin-top:10px">
        <img src="../../../assets/img/图片4.png" alt />
        <div>
          <span>太原市委理论学习中心组举行扩大学习会</span>
          <p>12月2日，太原市委理论学习中心组举行扩大学习会，国务院参事室特约研究员、原国家安全监管总局党组成员黄毅，应邀就把握新时代安全生产与应急管理新格局作专题讲座。</p>
          <b>[MORE]</b>
        </div>
      </li>
      <div style="margin-top:10px"></div>
      <li class="flex align-center" style="margin-top:10px">
        <img src="../../../assets/img/图片5.png" alt />
        <div>
          <span>我市召开第七次全国人口普查工作推进会</span>
          <p>11月27日上午，我市第七次全国人口普查工作推进会召开。市委副书记、市长刘锦春要求，要提高政治站位，强化工作举措，加大保障力度，确保普查质量，广泛开展宣传。</p>
          <b>[MORE]</b>
        </div>
      </li>
      <li class="flex align-center" style="margin-top:10px">
        <img src="../../../assets/img/图片6.png" alt />
        <div>
          <span>我市召开第七次全国人口普查工作推进会</span>
          <p>10月3日，市委副书记、市长刘锦春前往平定窑煤矿调研安全生产工作，市委常委、副市长邢武晓，副市长闫文光、张敏一同调研。</p>
          <b>[MORE]</b>
        </div>
      </li>
    </ul>
    <div class="mt-5 text-center">
      <el-pagination background layout="prev, pager, next" :total="1000"></el-pagination>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
};
</script>

<style lang="stylus" scoped>
.li_dynamic {
  margin-left: 12px;

  li {
    width: 784px;
    height: 234px;
    list-style: none;
    margin-top: 18px;
    position: relative;
    margin-left: 25px;
    cursor: pointer;

    img {
      width: 280px;
      height: 184px;
    }

    div {
      margin-left: 10px;
      margin-top: 5px;

      span {
        display: block;
        font-size: 24px;
        color: #323131;
        margin-top: 10px;
      }

      span:hover {
        color: #EB424C;
        cursor: pointer;
      }

      p {
        font-size: 16px;
        color: #666666;
        margin-top: 15px;
        cursor: pointer;
      }

      b {
        font-weight: normal;
        font-size: 18px;
        font-weight: bold;
        color: #323131;
        position: absolute;
        right: 10px;
      }

      b:hover {
        color: #EB424C;
        cursor: pointer;
      }
    }
  }

  li:hover {
    box-shadow: 0px 0px 18px 0px rgba(180, 180, 180, 0.52);
  }
}
</style>